<template>
	<view class="pwd-retrieve-container">
		<HeadNavs :title="'登录密码'"></HeadNavs>
		<view class="conter">
			<view class="pwd-box">密码：</view>
			<u--input style="margin-top: 40rpx" input-align="center" placeholder="请输入密码" class="input" border="surround"
				clearable></u--input>
			<u-line style="width: 650rpx; margin: 0 50rpx; border-bottom: 6rpx solid #fff" color="#fff"
				hair-line="false" />
			<view class="pwd-box1">确认密码：</view>
			<u--input style="margin-top: 50rpx" class="input" placeholder="请确认密码" border="surround" input-align="center"
				clearable></u--input>
			<view class="line"></view>
			<u-line style="width: 650rpx; margin: 0 50rpx; border-bottom: 6rpx solid #fff" color="#fff"
				hair-line="false" />
			<button>确认修改</button>
		</view>
	</view>
</template>

<script></script>
<style lang="scss">
	::v-deep .uni-input-input {
		color: #fff;
	}

	.conter {
		position: relative;

		.pwd-box {
			color: #fff;
			left: 50rpx;
			top: 20rpx;
			position: absolute;
			font-family: "font";
			font-weight: 800;
		}

		.pwd-box1 {
			color: #fff;
			left: 50rpx;
			top: 140rpx;
			position: absolute;
			font-family: "font";
			font-weight: 800;
		}

		.input {
			border: none;
			width: 680rpx;
			// background-color: pink;
			opacity: 1;
			margin: 0rpx 34.88rpx;
		}

		.surround {
			width: 300rpx;
			height: 70rpx;
			font-size: 27rpx;
			font-family: "font";
			font-weight: 400;
			color: #ffffff;
			top: 20rpx;
			right: -50rpx;
			position: absolute;
		}

		button {
			margin-top: 100rpx;
			width: 680rpx;
			height: 77rpx;
			background: linear-gradient(90deg, #3ADFEB 0%, #4463FF 100%);
			box-shadow: 3rpx 3rpx 5rpx 0rpx rgba(0, 0, 0, 0.15);
			border-radius: 14rpx 14rpx 14rpx 14rpx;
			opacity: 1;
			font-size: 28rpx;
			font-family: "font";
			font-weight: 800;
			color: #ffffff;
			line-height: 77rpx;
		}
	}
</style>